<template>
  <el-divider>基本Link样式</el-divider>
  <ElButton :buttonsetting="btnLink1">成功</ElButton>
  <ElButton :buttonsetting="btnLink2">失败</ElButton>
  <ElButton :buttonsetting="btnLink3">警告</ElButton>
  <ElButton :buttonsetting="btnLink4">信息</ElButton>

  <el-divider>基本样式</el-divider>

  <ElButton :buttonsetting="ButtonSettings1">成功</ElButton>
  <ElButton :buttonsetting="ButtonSettings2">失败</ElButton>
  <ElButton :buttonsetting="ButtonSettings3">警告</ElButton>
  <ElButton :buttonsetting="ButtonSettings4">信息</ElButton>
</template>

<script setup lang="ts">
import { ElButton, ButtonSettings } from '~/elementPlus/index'
const btnLink1 = new ButtonSettings({ type: 'primary', link: true })
const btnLink2 = new ButtonSettings({ type: 'danger', link: true })
const btnLink3 = new ButtonSettings({ type: 'warning', link: true })
const btnLink4 = new ButtonSettings({ type: 'info', link: true })

const ButtonSettings1 = new ButtonSettings({ type: 'primary', link: false })
const ButtonSettings2 = new ButtonSettings({ type: 'danger', link: false })
const ButtonSettings3 = new ButtonSettings({ type: 'warning', link: false })
const ButtonSettings4 = new ButtonSettings({ type: 'info', link: false })
</script>
